<!--首页-->
<template>
  <div>
    <el-card class="box-card">
      <div slot="header" class="clearfix">
        <span style="font-weight: bold;font-size: 20px">Dashboard</span>
      </div>
      <div>
        <el-timeline>
          <el-timeline-item timestamp="项目简介" placement="top">
            <el-card>
              <p>基于Vue.js + SpringBoot开发的前后端分离项目。</p>
              <p>主要功能：博客、书架、聊天室。</p>
            </el-card>
          </el-timeline-item>
          <el-timeline-item timestamp="主要技术栈" placement="top">
            <el-card>
              <h4>前端</h4>
              <p>1.Vue CLI4</p>
              <p>2.ElementUI</p>
              <p>3.axios</p>

              <h4>后端</h4>
              <p>1.Spring Boot  2.1.3.RELEASE </p>
              <p>2.Apache Shiro</p>
              <p>3.Apache Log4j +Alibaba Druid
                （http://localhost:8443/druid/）</p>
              <p>4.Spring Data JPA</p>
              <p>5.Lombok</p>

              <h4>数据库</h4>
              <p>1.MySQL 8.0.26</p>

              <h4>开发环境</h4>
              <p>1.IDEA 2019.1</p>
              <p>2.JDK 1.8.0_191</p>
              <p>3.apache-maven-3.6.0</p>

            </el-card>
          </el-timeline-item>
          <el-timeline-item timestamp="获取源码" placement="top">
            <el-card>
              <h4><el-link type="danger" href="https://gitee.com/jiyuzz/blc-ms">码云</el-link></h4>
              <h4><el-link type="success" href="#">GitHub</el-link></h4>
            </el-card>
          </el-timeline-item>
          <el-timeline-item timestamp="关于我们" placement="top">
            <el-card>
              <h4>意见反馈</h4>
                <el-link type="warning" href="#">联系我</el-link>
            </el-card>
          </el-timeline-item>
        </el-timeline>
      </div>
    </el-card>
  </div>
</template>

<script>
export default {
  name: "AppIndex"
}
</script>

<style scoped>
a {
  text-decoration: none;
  color: inherit;
}
.box-card {
  margin:auto;
  width: 988px;
  height: 1250px;
  text-align: left;
}
</style>